---
title: Timelines
description: Timeline components built with Tailwind CSS v4. Perfect for visualizing project roadmaps, company histories, event sequences, and progress tracking. Responsive, accessible, and easy to customize for any use case.
category: application
emoji: 🕒
slug: timelines
terms:
  - history
  - roadmap
components:
  - { title: 'Vertical', dark: true }
  - { title: 'Vertical with middle line', dark: true }
  - { title: 'Horizontal', dark: true }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Timeline Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
